<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no,email=no,address=no" />
    <title>input 在Mobile上的兼容性问题</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            -webkit-tap-highlight-color: transparent;
        }
        input {
            display: block;
            width: 100px;
            height: 30px;
            line-height: normal;
            border: 1px solid #000;
            -webkit-appearance: none;
            outline: none;
        }
    </style>
    
</head>
<body>
    <h5>测试移动端输入框</h5>
    <input type="text" value="刘永胜" />
</body>
</html>